<!DOCTYPE html>
<html>

<head>
    <meta name="viewport"
        content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script type="text/javascript" src="flexible.min.js">
    </script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .table table {
            font-size: 14px;
            border-collapse: collapse;
            line-height: 32px;
            margin: 0 auto;
            vertical-align: middle;
        }

        .table table tr {
            border: solid 1px #a59e9e;
            border-left: none;
            border-right: none;
        }

        span {
            font-weight: bold;
            padding-left: 10px;
        }

        .order {
            text-align: right;
            vertical-align: middle;
            position: fixed;
            bottom: 10px;
            right: 10px;
            overflow: hidden;
        }

        .carcolor {
            display: inline-block;
            text-align: center;
            padding-right: 25px;
        }
    </style>
</head>

<body>

    <!-- <div style="text-align: center;"> -->

    <!-- </div> -->

    <div class="table">

        <form id="f" action="FORM" method="" onsubmit="return doPost()">
            <table style="width: 100%;">
                <tr>
                    <td style="width: 90px;"><span>车型: </span></td>
                    <td style="justify-content: space-between;">
                        <div class="carcolor" style="float: left;">
                            <img src="img/tubiao0001.png" />
                            <br>
                            <input type="radio" checked="checked" name="0_0" value="0" />

                        </div>

                        <div class="carcolor" style="float: left;">

                            <img src="img/tubiao0001.png" />
                            <br>
                            <input type="radio" name="0_0" value="1" />
                        </div>

                        <div class="carcolor">
                            <img src="img/tubiao0001.png" />
                            <br>
                            <input type="radio" name="0_0" value="2" />
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><span>交付时间: </span></td>
                    <td><input type="date" name="0_1" />
                    </td>
                </tr>
                </tr>
                <tr>
                    <td><span>数量: </span></td>
                    <td><input type="number" name="0_2"></td>
                </tr>
                <tr>
                    <td><span>发动机排量: </span></td>
                    <td><select name="0_3">
                            <option value="0">Volvo</option>
                            <option value="1.0">Saab</option>
                            <option value="1">Fiat</option>
                            <option value="1.5">Audi</option>
                        </select></td>
                </tr>
                <tr>
                    <td><span>变速箱: </span></td>
                    <td>
                        <input type="radio" name="0_4" value="0" /> 自动

                        <input type="radio" name="0_4" value="1" /> 手动
                    </td>
                </tr>
                <tr>
                    <td><span>轮廓: </span>
                    <td>
                        <input type="radio" name="0_5" value="0" /> 烤漆

                        <input type="radio" name="0_5" value="1" /> 电镀
                    </td>
                </tr>
                <tr>
                    <td><span>中控: </span></td>
                    <td>
                        <input type="radio" name="0_6" value="0" /> 低配

                        <input type="radio" name="0_6" value="1" /> 高配
                    </td>
                </tr>
                <tr>
                    <td><span>刹车: </span></td>
                    <td>
                        <input type="radio" name="0_7" value="0" /> 故事制动器

                        <input type="radio" name="0_7" value="1" /> 磐石制动器
                    </td>
                </tr>
                <tr>
                    <td><span>悬挂: </span></td>
                    <td> <select name="0_8">
                            <option value="1">X</option>
                            <option value="2">X</option>
                            <option value="3">X</option>
                            <option value="4">X</option>
                        </select>
                    </td>
                </tr>
            </table>
            <div class="order">
                <input type="submit" value="下订单" style="width: 80px;height: 30px;" />
            </div>



        </form>
    </div>

    <script>

        var fo = document.getElementById('f');
        // This is an Empty Method For gettting data
        function doPost() {
            // p1, p2, p3, p4, p5, p6, p7, p8, p9
            var dot0 = document.getElementById('0_0')
            console.log(dot0);


            // nativeMethod.getData();

        }
    </script>

</body>

</html>